<template>
  <div class="detail-content">
    <el-row :gutter="20">
      <el-col :span="6">
        <span>用户名:</span>
        {{ objData.userName }}
      </el-col>
      <el-col :span="6">
        <span>状态:</span>
        {{ objData.planStatus }}
      </el-col>
      <el-col :span="6">
        <span>营销目标:</span>
        {{ objData.marketingObjectives }}
      </el-col>
      <el-col :span="6">
        <span>推广业务:</span>
        {{ objData.promoteBusiness }}
      </el-col>
      <el-col :span="6">
        <span>推广场景:</span>
        {{ objData.promotionScenario }}
      </el-col>
      <el-col :span="6">
        <span>日预算:</span>
        {{ objData.dailyBudget }}
      </el-col>
      <el-col :span="6">
        <span>出价策略:</span>
        {{ objData.biddingStrategy }}
      </el-col>
      <el-col :span="6">
        <span>时段:</span>
        {{ objData.timeSpan }}
      </el-col>
      <el-col :span="6">
        <span>地域:</span>
        {{ objData.region }}
      </el-col>
      <el-col :span="6">
        <span>消费:</span>
        {{ objData.consumption }}
      </el-col>
      <el-col :span="6">
        <span>展现:</span>
        {{ objData.toShow }}
      </el-col>
      <el-col :span="6">
        <span>推广类型:</span>
        {{ objData.promotionType }}
      </el-col>
      <el-col :span="6">
        <span>投放设备:</span>
        {{ objData.promotionDevice }}
      </el-col>
      <el-col :span="6">
        <span>创建时间:</span>
        {{ objData.createTime }}
      </el-col>
    </el-row>
    <el-button
      class="btn-back"
      type="primary"
      plain
      @click="$emit('handleCancle')"
      >返回</el-button
    >
  </div>
</template>
<script>
export default {
  name: "detail",
  data() {
    return {};
  },
  props: {
    // 详情数据
    objData: {
      type: Object,
      default: () => {},
    },
  },
  methods: {
 
  },
};
</script>
<style scoped lang="scss">
.detail-content {
  width: 90%;
  margin: 0 auto;
  margin-top: 30px;
  .el-col {
    margin: 12px 0;
    span {
      color: #409eff;
    }
  }
  .btn-back {
    display: flex;
    text-align: center;
    margin: 0 auto;
    margin-top: 50px;
  }
}
</style>
